<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/banner.css">
    <link rel="stylesheet" href="css/class.css">
    <link rel="stylesheet" href="css/logo.css">
    <link rel="stylesheet" href="css/vedio.css">
    <link rel="stylesheet" href="css/aboutUs.css">
    <link rel="stylesheet" href="css/teacher.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="./css/header.css">
    <title>百思鸿状-首页</title>
</head>

<body>
    <!-- 首页开发:宋聪 -->
    <header>
        <div id="header" class="top">
            <ul class="box">
                <div>
                    <li>
                        <span> <strong>新人优惠卷领取</strong></span>
                    </li>
                </div>
                <div>
                    <li>
                        <span><img src="	http://www.besthmedu.com/bshz-new/imgs/dg.png" alt="加载失败">100+公开课资源</span>
                    </li>
                </div>
                <div>
                    <li>
                        <span><img src="	http://www.besthmedu.com/bshz-new/imgs/dg.png" alt="加载失败">100+公开课资源</span>
                        <span>免费试学名额</span>
                    </li>
                </div>
                <div class="two">
                    <li>
                        <span class="one">100元</span>
                        <span class="three"> <strong>优惠卷</strong></span>
                        <span class="c"><small>下单立减</small></span>
                    </li>
                </div>
                <div class="box2">
                    <li>
                        <span class="b">立即抢课</span>
                    </li>
                </div>

            </ul>
            <div>
    </header>

    <!-- logo开发:王舟 -->
    <section id="logo">
        <div class="box">
            <div class="son">
                <img src="./img/logo/logo.png" alt="" height="45">
                <p>
                    <span>中国开源鸿蒙职业教育</span>
                    <span>核心战略合作伙伴</span>
                </p>
            </div>
            <div class="son">
                <img src="./img/logo/gzm.png" alt="">
                <p>
                    <span>关注小鸿</span>
                    <span>听课做题,轻松学习</span>
                    <a href="https://www.runoob.com/html/html-tutorial.html">免费领取课程资料</a>
                </p>
            </div>
            <div class="son">
                <span>
                    <img src="./img/logo/hdianh.png" alt="">
                    '周一至周日'
                </span>
                <span>15919828923</span>
            </div>
        </div>
        <div>
            <div class="box2">
                <span class="color">全部课程</span>
                <span>首页</span>
                <span>百思教育</span>
                <span>百思课程</span>
                <span>业务合作</span>
                <span>学籍查询</span>
                <span>成果孵化</span>
                <span>就业服务</span>
                <span>校园风采</span>
                <span>联系我们</span>
            </div>
        </div>

    </section>

    <!-- banner开发:黄家祺 -->
    <section id="banner">
        <div id="banner-top">
            <div id="banner-container">
                <div id="banner-left">
                    <ul>
                        <li>开源鸿蒙开发</li>
                        <li>软件开发</li>
                        <li>硬件开发</li>
                        <li>人工智能</li>
                        <li>信息安全</li>
                        <li>竞赛培训</li>
                        <li>安全认证</li>
                        <li>华为认证</li>
                    </ul>
                </div>
                <div id="banner-right">
                    <div id="banner-right-top">
                        <div class="class-item">
                            <img src="./img/banner/kt1.png" alt="">
                            <p>课程内容</p>
                            <ul>
                                <li>开源鸿蒙应用开发工程师</li>
                            </ul>
                        </div>
                        <div class="class-item">
                            <img src="./img/banner/kt1.png" alt="">
                            <p>课程内容</p>
                            <ul>
                                <li>软件开发工程师</li>
                            </ul>
                        </div>
                        <div class="class-item">
                            <img src="./img/banner/kt1.png" alt="">
                            <p>课程内容</p>
                            <ul>
                                <li>硬件开发工程师</li>
                            </ul>
                        </div>
                        <div class="class-item">
                            <img src="./img/banner/kt1.png" alt="">
                            <p>课程内容</p>
                            <ul>
                                <li>人工智能开发工程师</li>
                            </ul>
                        </div>
                        <div class="class-item">
                            <img src="./img/banner/kt1.png" alt="">
                            <p>课程内容</p>
                            <ul>
                                <li>信息安全开发工程师</li>
                            </ul>
                        </div>
                        <div class="class-item">
                            <img src="./img/banner/kt1.png" alt="">
                            <p>课程内容</p>
                            <ul>
                                <li>竞赛培训</li>
                            </ul>
                        </div>
                        <div class="class-item">
                            <img src="./img/banner/kt1.png" alt="">
                            <p>课程内容</p>
                            <ul>
                                <li>安全认证</li>
                            </ul>
                        </div>
                        <div class="class-item">
                            <img src="./img/banner/kt1.png" alt="">
                            <p>课程内容</p>
                            <ul>
                                <li>华为认证</li>
                            </ul>
                        </div>
                    </div>
                    <div id="banner-right-bottom">
                        <div class="circle active"></div>
                        <div class="circle"></div>
                        <div class="circle"></div>
                        <div class="circle"></div>
                    </div>
                </div>
            </div>
        </div>

        <div id="banner-bottom">
            <div class="banner-bottom-item">
                <div class="banner-bottom-item-left">
                    <img src="./img/banner/m21.png" alt="">
                </div>
                <div class="banner-bottom-item-right">
                    <div>
                        <img src="./img/banner/m212.png" alt="">
                    </div>
                    <p>全球智慧物联网联盟(GIIC)会员单位</p>
                </div>
            </div>
            <span class="banner-bottom-segmentation"></span>
            <div class="banner-bottom-item">
                <div class="banner-bottom-item-left">
                    <img src="./img/banner/m22.png" alt="">
                </div>
                <div class="banner-bottom-item-right">
                    <div>
                        <img src="./img/banner/m222.png" alt="">
                    </div>
                    <p>广东省智能物联网操作系统产业协会理事单位</p>
                </div>
            </div>
            <span class="banner-bottom-segmentation"></span>
            <div class="banner-bottom-item">
                <div class="banner-bottom-item-left">
                    <img src="./img/banner/m23.png" alt="">
                </div>
                <div class="banner-bottom-item-right">
                    <div>
                        <img src="./img/banner/m232.png" alt="">
                    </div>
                    <p>开源鸿蒙人才培养基地</p>
                </div>
            </div>
            <span class="banner-bottom-segmentation"></span>
            <div class="banner-bottom-item">
                <div class="banner-bottom-item-left">
                    <img src="./img/banner/m24.png" alt="">
                </div>
                <div class="banner-bottom-item-right">
                    <div>
                        <img src="./img/banner/m232.png" alt="">
                    </div>
                    <p>开源鸿蒙产教融合中心</p>
                </div>
            </div>
        </div>
    </section>

    <!-- 开班信息开发:戴玮 -->
    <section>
        <div id="kbxx">
            <!-- 标题 -->
            <div id="t" class="title">
                <p id="t_one">
                    <span>Class Information</span>
                </p>
                <p id="t_two">
                    <span>开班信息</span>
                </p>
            </div>
            <!-- 主体信息 -->
            <div class="main">
                <form action="">
                    <img src="http://www.besthmedu.com/res_storager/images/2025/03/21/1742541810866nehth.jpg" alt="">
                    <div class="main_text">
                        <span class="m_one">惊喜炸弹来袭！百思鸿状下周二（3月25日）开班啦，超值课程，先到先得！</span>
                        <span class="m_two">开源鸿蒙应用高级开发工程师|线下</span>
                        <span class="m_two">开课时间：2025.03.21</span>
                        <span class="m_three">免费咨询</span>
                    </div>
                </form>
                <form action="">
                    <img src="http://www.besthmedu.com/res_storager/images/2025/03/21/1742540896283evh83.jpg" alt="">
                    <div class="main_text">
                        <span class="m_one">"重磅喜讯！[开源鸿蒙应用高级开发工程师]新班火热开启！专业导师授课，实战内容满满"</span>
                        <span class="m_two">开源鸿蒙应用高级开发工程师|线下</span>
                        <span class="m_two">开课时间：2025.03.21</span>
                        <span class="m_three">免费咨询</span>
                    </div>
                </form>
                <form action="">
                    <img src="http://www.besthmedu.com/res_storager/images/2025/03/21/17425395217573rjg4.jpg" alt="">
                    <div class="main_text">
                        <span class="m_one">号外号外！百思鸿状新班开课啦，学习热潮燃爆！</span>
                        <span class="m_two">开源鸿蒙应用高级开发工程师|线下</span>
                        <span class="m_two">开课时间：2025.03.21</span>
                        <span class="m_three">免费咨询</span>
                    </div>
                </form>
                <form action="">
                    <img src="http://www.besthmedu.com/res_storager/images/2025/01/17/1737096688172a8yi3.png" alt="">
                    <div class="main_text">
                        <span class="m_one">鸿蒙公开课</span>
                        <span class="m_two">开源鸿蒙应用高级开发工程师|线下</span>
                        <span class="m_two">开课时间：2025.03.21</span>
                        <span class="m_three">免费咨询</span>
                    </div>
                </form>
                <form action="">
                    <img src="http://www.besthmedu.com/res_storager/images/2025/01/17/1737096337359hrn8m.png" alt="">
                    <div class="main_text">
                        <span class="m_one">鸿蒙公开课</span>
                        <span class="m_two">开源鸿蒙应用高级开发工程师|线下</span>
                        <span class="m_two">开课时间：2025.03.21</span>
                        <span class="m_three">免费咨询</span>
                    </div>
                </form>
            </div>
        </div>
    </section>

    <!-- 课程阶段开发:戈晨阳 -->
    <section>

    </section>

    <!-- 课程视频开发:李源 -->
    <section>
        <div id="vedio">
            <!-- 标题 -->
            <h1>Instructional Video</h1>
            <h2>课程视频</h2>
            <!--主体信息-->
            <div class="video-list">
                <div class="video-item">
                    <div>
                        <img src="http://www.besthmedu.com/res_storager/images/2024/11/13/173149372932756xuj.png"
                            alt="">
                        <div>
                            <span class="one">java开发3</span>
                        </div>
                        <div>
                            <img src="./img/logo/view.png" alt="" class="two">
                            <p class="two_num">8</p>
                            <img src="./img/logo/good.png" alt="" class="three">
                            <p class="two_num">1</p>
                        </div>
                    </div>
                    <div>
                        <img src="http://www.besthmedu.com/res_storager/images/2024/11/13/173149372932756xuj.png"
                            alt="">
                        <div class="text">
                            <span class="one">电工基础教程</span>
                        </div>
                        <div>
                            <img src="./img/logo/view.png" alt="" class="two">
                            <p class="two_num">68</p>
                            <img src="./img/logo/good.png" alt="" class="three">
                            <p class="two_num">10</p>
                        </div>
                    </div>
                    <div>
                        <img src="http://www.besthmedu.com/res_storager/images/2024/11/13/173149372932756xuj.png"
                            alt="">
                        <div class="text">
                            <span class="one">电工电子技术</span>
                        </div>
                        <div>
                            <img src="./img/logo/view.png" alt="" class="two">
                            <p class="two_num">36</p>
                            <img src="./img/logo/good.png" alt="" class="three">
                            <p class="two_num">18</p>
                        </div>
                    </div>
                    <div>
                        <img src="http://www.besthmedu.com/res_storager/images/2024/11/13/173149372932756xuj.png"
                            alt="">
                        <div class="text">
                            <span class="one">电子技术进阶教程</span>
                        </div>
                        <div>
                            <img src="./img/logo/view.png" alt="" class="two">
                            <p class="two_num">22</p>
                            <img src="./img/logo/good.png" alt="" class="three">
                            <p class="two_num">16</p>
                        </div>
                    </div>
                </div>
                <div class="video-item">
                    <div>
                        <img src="http://www.besthmedu.com/res_storager/images/2024/11/13/173149372932756xuj.png"
                            alt="">
                        <div class="text">
                            <span class="one">电工电子技术基础5</span>
                        </div>
                        <div>
                            <img src="./img/logo/view.png" alt="" class="two">
                            <p class="two_num">33</p>
                            <img src="./img/logo/good.png" alt="" class="three">
                            <p class="two_num">2</p>
                        </div>
                    </div>
                    <div>
                        <img src="http://www.besthmedu.com/res_storager/images/2024/11/13/173149372932756xuj.png"
                            alt="">
                        <div class="text">
                            <span class="one">电工电子技术基础6</span>
                        </div>
                        <div>
                            <img src="./img/logo/view.png" alt="" class="two">
                            <p class="two_num">8</p>
                            <img src="./img/logo/good.png" alt="" class="three">
                            <p class="two_num">1</p>
                        </div>
                    </div>
                    <div>
                        <img src="http://www.besthmedu.com/res_storager/images/2024/11/13/173149372932756xuj.png"
                            alt="">
                        <div class="text">
                            <span class="one">前端开发教程</span>
                        </div>
                        <div>
                            <img src="./img/logo/view.png" alt="" class="two">
                            <p class="two_num">18</p>
                            <img src="./img/logo/good.png" alt="" class="three">
                            <p class="two_num">13</p>
                        </div>
                    </div>
                    <div>
                        <img src="http://www.besthmedu.com/res_storager/images/2024/11/13/173149372932756xuj.png"
                            alt="">
                        <div class="text">
                            <span class="one">c语言基础</span>
                        </div>
                        <div>
                            <img src="./img/logo/view.png" alt="" class="two">
                            <p class="two_num">17</p>
                            <img src="./img/logo/good.png" alt="" class="three">
                            <p class="two_num">9</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 作品展示:宋聪 -->
    <section>

    </section>

    <!-- 教学体系:王舟 -->
    <section>

    </section>

    <!-- 师资力量:黄家祺 -->
    <section id="teacher">
        <div id="teacher-container">
            <div id="t" class="title">
                <p id="t_one">
                    <span>Faculty Strength</span>
                </p>
                <p id="t_two">
                    <span>师资力量</span>
                </p>
            </div>
            <div class="teacher-list">
                <div class="teacher-item">
                    <div class="teacher-image">
                        <img src="img/teacher/MrZ.png" alt="">
                        <a href="">
                            <img src="./img/teacher/jsxq.png" alt="">
                        </a>
                    </div>
                    <p class="name">
                        <span>周老师</span>
                        <span>/ 高级讲师</span>
                    </p>
                    <p class="description">
                        10年T培训行业耕耘 拥有超过十年的教育行业经验 鸿蒙官方社区领航者 ·鸿蒙应用认证高级开发者 《基于ArkTS的鸿蒙多终端开发》副主编 深圳市职协鸿蒙应用开发考评考评员
                        拥有超过十年的教育行业经验 擅长将深奥的T知识转化为易于理解的教学内容，帮助学 员更快从零基础学到精通。
                    </p>
                    <p class="main-class">python，java，人工智能、鸿蒙应用开发等课程</p>
                </div>

                <div class="teacher-item">
                    <div class="teacher-image">
                        <img src="img/teacher/1743490848729nnqt3.png" alt="">
                        <a href="">
                            <img src="./img/teacher/jsxq.png" alt="">
                        </a>
                    </div>
                    <p class="name">
                        <span>谢老师</span>
                        <span>/ 高级讲师</span>
                    </p>
                    <p class="description">
                        鸿蒙嵌入式高级软件开发工程师，精通C/C++/QT/ARM体 系架构，10多年嵌入式开发经验，主导警用装备系统研发, 曾获得基于物联网车辆管理装置、警用智能管理柜状态检测
                        装置、智能装备管理柜(物联网)外观等发明专利。从事嵌入 式开发讲师6年以上，每年服务就业学生达千人，主讲鸿蒙 南向开发课程。
                    </p>
                    <p class="main-class">python，java，人工智能、鸿蒙应用开发等课程</p>
                </div>

                <div class="teacher-item">
                    <div class="teacher-image">
                        <img src="img/teacher/1743490399667acr0t.png" alt="">
                        <a href="">
                            <img src="./img/teacher/jsxq.png" alt="">
                        </a>
                    </div>
                    <p class="name">
                        <span>周老师</span>
                        <span>/ 高级讲师</span>
                    </p>
                    <p class="description">
                        拥有16年开发经验与7年教学经验，参与过多端电商类、娱 乐社交类应用平台，ERP系统平台，OA管理系统平台，工 业控制系统等大型工程。 丰富的全栈工程项目实践经验，精通前端各类框架、原生小
                        程序及uniapp开发、开源鸿蒙南北向开发。
                    </p>
                    <p class="main-class">python，java，人工智能、鸿蒙应用开发等课程</p>
                </div>

                <div class="teacher-item">
                    <div class="teacher-image">
                        <img src="img/teacher/1742542244548xca37.png" alt="">
                        <a href="">
                            <img src="./img/teacher/jsxq.png" alt="">
                        </a>
                    </div>
                    <p class="name">
                        <span>王瑞炀</span>
                        <span>/ 高级讲师</span>
                    </p>
                    <p class="description">
                        拥有3年的Java开发经验，擅长互联网应用开发、大数据技术处理、前端开发以及鸿蒙北向开发。同时精通Python，并熟悉MySQL等数据库及Linux。曾参与多个重要项目，积累了丰富的实践经验，其中包括ChatGPT应用平台开发和智慧停车系统的开发。
                    </p>
                    <p class="main-class">python，java，人工智能、鸿蒙应用开发等课程</p>
                </div>

                <div class="teacher-item">
                    <div class="teacher-image">
                        <img src="img/teacher/1742542369660h9hr3.png" alt="">
                        <a href="">
                            <img src="./img/teacher/jsxq.png" alt="">
                        </a>
                    </div>
                    <p class="name">
                        <span>赖家希</span>
                        <span>/ 高级讲师</span>
                    </p>
                    <p class="description">
                        拥有3年开发经验，擅长Java后端开发、鸿蒙北向开发、python全栈开发、和前端开发，熟悉c++应用开发、Unity游戏开发、MySQL等数据库以及Linux。曾参与过校园管理系统、古诗词网站、人才选聘小程序等多个项目。
                    </p>
                    <p class="main-class">python，java，人工智能、鸿蒙应用开发等课程</p>
                </div>
            </div>
            <div class="teacher-more">
                <a href="">查看更多师资 -></a>
            </div>
        </div>
    </section>

    <!-- 关于我们:戴玮 -->
    <section>
        <div id="aboutUs">
            <div id="t" class="title">
                <p id="t_one">
                    <span>About Us</span>
                </p>
                <p id="t_two">
                    <span>关于我们</span>
                </p>
            </div>
            <ul id="abMain">
                <li>
                    <p>关于百思</p>
                    <p>中国鸿蒙生态人才培养及认证专业机构</p>
                    <p></p>
                    <p>百思鸿状教育创办于1999年，是专业从事职业教育的公司。公司一直致力于培养中国IT技能型紧缺人才，以标准化管理为依托，通过授权合作和院校合作两大经营模式，实现了体系的规模化发展,得到了社会各界广泛的认可。至今已成功培养100万学子进入IT行业，为改善就业领域人才供给的结构性矛盾做出应有贡献。
                        深圳百思鸿状教育科技有限公司自成立以来，始终专注于教育领域，致力于提供高质量的教育服务和技术支持。公司秉承“创新、务实、高效、共赢”的经营理念，不断推动教育行业的进步与发展。‌</p>
                    <p><a href=""></a></p>
                </li>
                <li>
                    <img src="http://www.besthmedu.com/bshz-new/imgs/bais1.png" alt="">
                </li>
                <li>
                    <img src="http://www.besthmedu.com/bshz-new/imgs/bais2.png" alt="">
                </li>
            </ul>
        </div>
    </section>

    <!-- 新闻资讯:戈晨阳 -->
    <section>

    </section>

    <!-- 合作伙伴:李源 -->
    <section>

    </section>

    <!-- Footer:黄家祺 -->
    <footer id="footer">
        <div id="footer-container">
            <div id="footer-top">
                <div id="footer-logo">
                    <div>
                        <img src="./img/footer/logo2.png" alt="">
                    </div>
                    <div class="footer-logo-text">
                        <div>
                            Copyright@2024 | 深圳市百思鸿状教育科技有限公司 版权所有
                        </div>
                        <div>
                            粤ICP备2024326749号
                        </div>
                    </div>
                    <div>
                        <img src="" alt="">
                        <img src="" alt="">
                        <img src="" alt="">
                    </div>
                </div>
                <div id="footer-about">
                    <p class="footer-item-title">关于我们</p>
                    <ul class="footer-item">
                        <li>联系我们</li>
                        <li>隐私政策</li>
                        <li>服务条款</li>
                        <li>友情链接</li>
                    </ul>
                </div>
                <div id="footer-contact">
                    <p class="footer-item-title">联系我们</p>
                    <ul class="footer-item">
                        <li>联系电话：15919828923</li>
                        <li>公司地址：广东省深圳市龙岗区龙城街道吉祥社区吉祥南路16-2号百思教育办公楼101</li>
                    </ul>
                </div>
                <div id="footer-follow">
                    <p class="footer-item-title">联系我们</p>
                    <div>
                        <img src="img/footer/ewm1.png" alt="">
                        <img src="img/footer/ewm2.png" alt="">
                    </div>
                </div>
            </div>
            <div id="footer-bottom">
                友情链接:
                <a href="javascript:;">百思鸿状官网</a>
                <a href="javascript:;">内部管理系统</a>
                <a href="javascript:;">OA办公系统</a>
                <a href="javascript:;">OA办公系统</a>
                <a href="javascript:;">OA办公系统</a>
            </div>
        </div>
    </footer>

    <script src="js/index.js"></script>
    <script src="js/banner.js"></script>
</body>

</html>